<?php
$v_params = $this->getParams();
$o_nomeAB = $v_params['nome_abreviado'];
?>
<!DOCTYPE html>
<html lang="pt-br">
	<head>
		<base href="<?php echo SERVER_URL; ?>" />
		<meta charset="UTF-8">
		<title>TGV OS - Sistema de gerenciamento de OS</title>
		<link rel="stylesheet" type="text/css" href="public_html/css/default.css" />
        <link href="public_html/favicon.ico" rel="icon" type="image/x-icon" />
        <script src="public_html/js/jquery.js"></script>
        <script>
			$(document).ready(function(e) {
				// Abrir login
				$(document).on('click', this, function(e){
					e = [e.target.id, e.target.parentNode.id].join('');
					if(e !== 'login' && e !== 'nomelogin' && e !== 'nome') {
						$("#login").removeClass('ativo');
						$("#loginOpt").slideUp('fast');
					}
				});
				$("#login").click(function(){
					if($(this).attr('class') == 'ativo'){
						$(this).removeClass('ativo');
						$("#loginOpt").slideUp('fast');
						
					}else{
						$(this).addClass('ativo');
						$("#loginOpt").slideDown('fast');
					}
				});
				
				//Transicao da pagina
				$('body').toggle();
                $('.boxConteudo').eq(1).load('clientes/listarAjax');
				$('.boxConteudo').eq(2).load('OS/listarAjax');
				$(".menuLateral li a").click(function(event){
					event.preventDefault();
					link = this.href;
					$("*").not('.closing').fadeOut('slow', function(){
						window.location = link;
					}); 
				});
				$(window).on('load', this, function(){
					$('body').css("overflow-y", "hidden").fadeIn('slow', function(){
						$(this).css("overflow-y", "auto");
					});  
				});
			});
		</script>
	</head>
	<body>
		<div id="boxPrincipal">
        	<?php 
				$menuAtivo = "./";
				include('./views/template.php');
			?>
			<div id="conteudo">
				<!-- INICIO DA PARTE EDITAVEL DE CODIGOS -->
					<div id="graph" class="boxConteudo noBorder" style="width:700px">
                    	<div class="caption">iPhone CPU benchmarks</div>
      					<div id="hero-bar" class="graph" style="height:220px;"></div>
                    </div>
                    <div class="boxConteudo noBorder">&nbsp;</div>
                    <div class="boxConteudo noBorder">&nbsp;</div>
             	<!-- FIM DA PARTE EDITAVEL DE CODIGOS -->
			</div>
		</div>
	</body>
</html>